import React from 'react';
import { View } from 'react-native';
import Tag from './Tag';

function onChange(selected) {
  console.log(`tag selected: ${selected}`);
}

export default class TagDemo extends React.Component{
  render() {
    return (
      <View style={{ padding: 10 }}>
        <Tag>Basic</Tag>

        <Tag selected>Selected</Tag>

        <Tag disabled>Disabled</Tag>

        <Tag onChange={onChange}>Callback</Tag>

        <Tag
          closable
          onClose={() => {
            console.log('onClose');
          }}
          afterClose={() => {
            console.log('afterClose');
          }}
        >
          Closable
        </Tag>

        <Tag small>Small and Readonly</Tag>
      </View>
    );
  }
}
